دورة مجانية حول كيفية إنشاء مواقع الويب باستخدام بلوجر

مدونة رفقي تقدم لكم دورة متكاملة مجانية لتشرح لكل مبتدىء فى عالم مدونات بلوجر الأساسيات اللازمة لوضعه على أول الطريق الصحيح. وتم التوصل لهذه الدورة المكونة من  87 فيديو قصير للرائع Andrew Pyle حيث قمت بتحميل جميع الحلقات وتسميتها وترتيبها ثم رفعها على اليوتيوب لامكانية مشاهدتها وتطبيق ما بها.

  أعلم أن الدورة باللغة الانجليزية ولكن اللغة المستخدمة سهلة ويمكنك بكل بساطة تفعيل خاصية Captions فى اليوتيوب لتتمكن من سماع الفيديو ورؤية العبارات أيضا لتتابع جيدا.

أهم محتويات الدورة مبادىء وأساسيات مدونات بلوجر

1.   مقدمة عن بلوجر   
2.  نصائح وتلميحات قبل البدء    
3.  بدايتك مع بلوجر ولوحة التحكم    
4.  نظرة عامة وتفصيلية للوحة تحكم بلوجر    
5.  نظرة عامة وتفصيلية للوحة تحكم إنشاء موضوع على بلوجر    
6.  نظرة عامة وتفصيلية على تخطيط Layout لمدونة بلوجر مع الإضافات الهامة لكل مدونة.     
7. نظرة عامة وتفصيلية على مصمم القوالب المجانى الذى ينساه العديد داخل لوحة تحكم بلوجر وشرح جميع إمكانياته.    
8.  نظرة على شكل القالب على الهواتف الذكية     
9. كيف يمكن أن ننشئ موقعا ربحيا أو إخباريا؟     
10. كيفية الحصول على دومين مخصص وغير مجانى؟     
11. ماذا تعرف عن السيو؟

     قائمة بـ 84 فيديو قصير حول مبادئ وأساسيات مدونات بلوجر

اقرأ المزيد

طريقة إضافة سهم الصعود إلى أعلى الصفحة بتقنية jQuery

 درس اليوم هو عن طريقة إضافة سهم الصعود إلى أعلى الصفحة بتقنية  jQuery،
هذه الخاصية أو هذه الأداة تتيح لزوار موقعك إمكانية الصعود لأعلى الصفحة بشكل سلس دون الحاجة لإستخدام السكرولبار  الخاص بالمتصفح خصوصا إذا كانت مقالات مدونتك تتسم بالطول،وهي بتقنية jQuery.

مميزات الأداة :

1.لا تظهر إلا بعد أن ينزل الزائر مسافة محددة في الصفحة.
2.تختفي في كل مرة يصعد الزائر ويقارب أعلى المدونة.
3.عند الضغط على سهم الصعود ترتفع الصفحة بسلاسة كأنك تستعمل مصعدا.

 نمر لتطبيق الاضافة:

1.اذهب للوحة التحكم الخاصة بمدونك
2. تخطيط.
3.عناصر الصفحة.
4.إضافة أداة.
5.اختار  Html/Javascript.
6.أضف الكود التالي:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" > /*********************************************** * Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * Modified by www.m5tar.blogspot.com * This notice MUST stay intact for legal use * Visit Project Page at http://www.dynamicdrive.com for full source code ***********************************************/ var scrolltotop={ //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top). setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]}, controlHTML: '<img src="رابط الصورة" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol" controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links state: {isvisible:false, shouldvisible:false}, scrollup:function(){ if (!this.cssfixedsupport) //if control is positioned using JavaScript this.$control.css({opacity:0}) //hide control immediately after clicking it var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto) if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists dest=jQuery('#'+dest).offset().top else dest=0 this.$body.animate({scrollTop: dest}, this.setting.scrollduration); }, keepfixed:function(){ var $window=jQuery(window) var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety this.$control.css({left:controlx+'px', top:controly+'px'}) }, togglecontrol:function(){ var scrolltop=jQuery(window).scrollTop() if (!this.cssfixedsupport) this.keepfixed() this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false if (this.state.shouldvisible && !this.state.isvisible){ this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0]) this.state.isvisible=true } else if (this.state.shouldvisible==false && this.state.isvisible){ this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1]) this.state.isvisible=false } }, init:function(){ jQuery(document).ready(function($){ var mainobj=scrolltotop var iebrws=document.all mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body') mainobj.$control=$('<div id="topcontrol"> '+mainobj.controlHTML+'</div> ') .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'}) .attr({title:'إصعد إلى الأعلى !'}) .click(function(){mainobj.scrollup(); return false}) .appendTo('body') if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text mainobj.togglecontrol() $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){ mainobj.scrollup() return false }) $(window).bind('scroll resize', function(e){ mainobj.togglecontrol() }) }) } } scrolltotop.init() </script>

-

  ملاحظة:
-يمكنك التحكم في عدد الأسطر التي تظهر بعدها الإضافة بتغير ما كتب بالأزرق(100).
-قم بإختيار سهم من السهام التالية و إضغط فوقه بزر الفأرة الأيمن و إنسخ رابط الصورة(السهم) ثم ضع رابط الصورة في الكود السابق بدلا مما كتب بالأحمر (رابط الصورة).

 7.قم بحفظ الأداة.

  أتمنى منكم زيارتي بصفحتي على الفيسبوك

 وهذه صفحتي على تويتر

اقرأ المزيد

دورة بلوجر|الدرس الخامس:شرح طريقة تغيير سهم الماوس في مدونة بلوجر

الدرس الخامس

 

 درس اليوم هو عن طريقة تغيير سهم الماوس في مدونة بلوجر , كل ما عليك فعله هو القيام بالخطوات التالية.
أترككم مع الشرح.

 رابط الموقع  إضغط هنا

لا تنسوا تقييم الشرح والإشتراك في القناة

أتمنى منكم زيارتي بصفحتي على الفيسبوك

وهذه صفحتي على تويتر

اقرأ المزيد

دورة بلوجر|الدرس الرابع:شرح طريقة إضافة صندوق قناتك على اليوتوب إلى مدونتك بطريقة سهلة ومنظمة

الدرس الرابع

 

 درس اليوم هو عن طريقة إضافة صندوق قناتك على اليوتوب إلى مدونتك بطريقة سهلة و منظمة, إذا كانت لديك قناة على هذا الموقع  و تريد أن تضيف صندوق هاته القناة على مدونتك فالأمر سهل, كل ما عليك فعله هو القيام بالخطوات التالية.
أترككم مع الشرح.

1-الآن نضيف الكود التالي :

&nbsp;<iframe frameborder="0" id="fr" name="fr"
scrolling="no" src="http://www.youtube.com/subscribe_widget?p=MrRifqui" style="overflow: hidden; height: 100px; width:270px; border: 0pt none;"></iframe>

2- قم بتغير جملة MrRifqui  بإسمك على اليوتوب

3 -قد لا تظهر الإضافة بشكل جيد على مدونتك لهذا قم يتغير مسافة الإرتفاع و العرض  و هي مشار إليها باللون الأخضر.

لا تنسوا تقييم الشرح والإشتراك في القناة

أتمنى منكم زيارتي بصفحتي على الفيسبوك

وهذه صفحتي على تويتر

اقرأ المزيد